<!DOCTYPE html>
<html lang="en">
<head>
    <title>首页</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--banner搜索头部 start-->
<div class="zh-index-header">
    <!--头部导航条部分 start-->
    <nav class="navbar navbar-index-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <a class="navbar-brand" href="#">
                    <img src="image/logo_white.png" class="pull-left brand-img" alt="" width="40px" height="40px">
                    <span class="pull-left"><img src="image/title_min.png" alt=""></span>
                </a>
                <!--税务知识库 start-->
                <div class="btn-group dropdown index-brand-down">
                    <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        税务知识库 <span class="icon iconfont icon-icon_svg_houtai-7"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">标题1</a></li>
                        <li><a href="#">标题2</a></li>
                        <li><a href="#">标题3</a></li>
                    </ul>
                </div>
                <!--税务知识库 end-->
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse userinfo-box">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">操作手册</a></li>
                    <li><a href="#">知识库管理</a></li>
                    <li><a href="#">目录地图</a></li>
                    <li><a href="#">我的收藏夹</a></li>
                    <li style="padding: 0;margin-left: 15px;margin-right:-10px"><a>|</a></li>
                    <li class="dropdown">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <img src="image/user.png" class="mr5" width="20px"/><span id="userName">张三三</span> <span class="icon iconfont icon-icon_svg_houtai-7"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:void(0)">ID: <span>374552</span></a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">重置密码</a></li>
                            <li><a href="#">退出登录</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!--头部导航条部分 end-->
    <!--头部搜索框 start-->
    <div class="index-search-box">
        <div class="">
            <div class="input-group">
                <i class="iconfont icon-sousuo search-icon"></i>
                <input type="text" class="form-control" placeholder="增值税如何缴纳" id="searchInput">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button" id="searchBtn">搜&nbsp;&nbsp;索</button>
                </span>
                <a href="" class="input-group-text"><span>高级搜索</span></a>
            </div>
        </div>
    </div>
    <!--头部搜索框 end-->
    <!--头部搜索范围 start-->
    <div class="search-part search-extent">
        <div class="label-text">
            搜索范围：
        </div>
        <div class="search-part-content check-content">
            <label class="checkbox-inline">
                <input type="checkbox" id="inlineCheckbox1" value="option1" name="searchextentOption"> 关键字
            </label>
            <label class="checkbox-inline">
                <input type="checkbox" id="inlineCheckbox2" value="option2" name="searchextentOption"> 标题
            </label>
            <label class="checkbox-inline">
                <input type="checkbox" id="inlineCheckbox3" value="option3" name="searchextentOption"> 正文
            </label>
        </div>
    </div>
    <!--头部搜索范围 end-->
    <div class="clearfix"></div>
    <!--头部搜索历史 start-->
    <div class="search-part search-history">
        <div class="label-text">
            搜索历史：
        </div>
        <div class="search-part-content history-content">
            <div class="search-history-item"><span class="searchItem">增值税如何缴纳</span> <span class="delet-btn">&times;</span></div>
            <div class="search-history-item"><span class="searchItem">2020年增值税</span> <span class="delet-btn">&times;</span></div>
            <div class="search-history-item"><span class="searchItem">房产税如何缴纳</span> <span class="delet-btn">&times;</span></div>
            <div class="search-history-item"><span class="searchItem">小产权房产税</span> <span class="delet-btn">&times;</span></div>
            <div class="search-history-item"><span class="searchItem">房产税热点问题</span> <span class="delet-btn">&times;</span></div>
            <div class="search-history-item"><span class="searchItem">企业所得税</span> <span class="delet-btn">&times;</span></div>
            <div class="search-history-item"><span class="searchItem">印花税 </span> <span class="delet-btn">&times;</span></div>
            <div class="search-history-item"><span class="searchItem">房产税</span> <span class="delet-btn">&times;</span></div>
        </div>
    </div>
    <!--头部搜索历史 end-->
    <div class="clearfix"></div>
    <!--头部搜索删除历史 start-->
    <div class="search-part delete-history">
        <div class="label-text">

        </div>
        <div class="search-part-content history-content">
            <button type="button" class="btn btn-link">&times; 删除历史</button>
        </div>
    </div>
    <!--头部搜索删除历史 end-->
</div>
<!--banner搜索头部 end-->
<!--下部内容 start-->
<div class="zh-index-content">
    <div class="leftbar-menu pull-left">
        <div class="card left-card" id="treeData">
            <div class="model-name">
                <i class="icon newkon-icon"></i>
                税务知识库
            </div>

            <div class="treeMenu">
                <ul id="treeMenu"></ul>
            </div>
        </div>
    </div>
    <div class="right-info pull-right">
        <div class="pull-left">
            <div class="card card1" id="newKnowledge">
                <div class="index-card-title">
                    <span class="card-title-main"><i class="icon newkon-icon"></i> 最新知识</span>
                    <a href="" class="pull-right"><span>更多 > </span></a>
                </div>
                <div class="index-card-content">
                    <ul>
                        <li>
                            <a href=""><span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span></a>
                            <span class="pull-right msg-mark">[未读]</span>
                        </li>
                        <li>
                            <a href=""><span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span></a>
                            <span class="pull-right msg-mark">[未读]</span>
                        </li>
                        <li>
                            <a href=""><span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span></a>
                            <span class="pull-right msg-mark">[未读]</span>
                        </li>
                        <li>
                            <a href=""><span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span></a>
                            <span class="pull-right msg-mark">[未读]</span>
                        </li>
                        <li>
                            <a href=""><span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span></a>
                            <span class="pull-right msg-mark">[未读]</span>
                        </li>
                        <li>
                            <a href=""><span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span></a>
                            <span class="pull-right msg-mark">[未读]</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="card card3" id="newVisit">
                <div class="index-card-title">
                    <span class="card-title-main"><i class="icon newvisi-icon"></i> 最近访问</span>
                    <a href="" class="pull-right"><span>更多 > </span></a>
                </div>
                <div class="index-card-content">
                    <ul>
                        <li>
                            <span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span>
                            <span class="pull-right time-mark">2019.06.13</span>
                        </li>
                        <li>
                            <span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span>
                            <span class="pull-right time-mark">2019.06.13</span>
                        </li>
                        <li>
                            <span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span>
                            <span class="pull-right time-mark">2019.06.13</span>
                        </li>
                        <li>
                            <span>房产税征税范围：房屋转租收入，是否需要缴纳房产税</span>
                            <span class="pull-right time-mark">2019.06.13</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="pull-right">
            <div class="card card2 tab-nav-box" id="knowledgeRanking">
                <div class="index-card-title">
                <span class="card-title-main tab-nav-item active">
                    <i class="icon knowrank-icon"></i> 知识排行
                </span>
                    <span>|</span>
                    <span class="card-title-main tab-nav-item">
                    <i class="iconfont icon-sousuo"></i> 搜索排行
                </span>
                    <!-- <span class="index-search-box">
                         <i class="iconfont icon-sousuo search-icon"></i>
                         <input type="text" placeholder="搜索排行" id="searchRanking"/>
                     </span>-->
                </div>

                <div class="index-card-content tab-nav-content">
                    <div class="clickCount-box">
                        <span class="clickCount date active">日</span>
                        <span class="clickCount month">月</span>
                        <span class="clickCount week">周</span>
                        <span class="pull-right">点击量1</span>
                    </div>
                    <ul>
                        <li>
                            <a href=""><span class="hot-info"><i class="first">1</i>房产税热点问题</span> <span class="icon fei-text-icon"></span></a>
                            <span class="pull-right number-mark">7842</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i class="second">2</i>2020年个人所得税</span> <span class="icon xin-text-icon"></span></a>
                            <span class="pull-right number-mark">3570</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i class="third">3</i>房产税热点问题</span> <span class="icon gai-text-icon"></span></a>
                            <span class="pull-right number-mark">2570</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>4</i>房产税热点问题</span> <span class="icon guo-text-icon"></span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>5</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>6</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>7</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>8</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>9</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>10</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                    </ul>
                </div>
                <div class="index-card-content tab-nav-content" style="display: none">
                    <div class="clickCount-box">
                        <span class="clickCount date">日</span>
                        <span class="clickCount month">月</span>
                        <span class="clickCount week">周</span>
                        <span class="pull-right">点击量2</span>
                    </div>
                    <ul>
                        <li>
                            <a href=""><span class="hot-info"><i class="first">1</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">7842</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i class="second">2</i>2020年个人所得税</span></a>
                            <span class="pull-right number-mark">3570</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i class="third">3</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">2570</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>4</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>5</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>6</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>7</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>8</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>9</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                        <li>
                            <a href=""><span class="hot-info"><i>10</i>房产税热点问题</span></a>
                            <span class="pull-right number-mark">1662</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>

    <div class="clearfix"></div>
</div>
<!--下部内容 end-->


<!--消息推送模块-->
<!--历史版本模态框 start-->
<div class="modal fade" id="msgPushModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel"><img src="image/message.png" alt="">消息推送</h4>
            </div>
            <div class="modal-body">
                <ul>
                    <li  class="text-overflow">
                        <span>推送消息：</span>
                        <span>推送消息内容</span>
                    </li>
                    <li class="text-overflow">
                        <span>推送消息：</span>
                        <span>推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容</span>
                    </li>
                    <li class="text-overflow">
                        <span>推送消息：</span>
                        <span>推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容</span>
                    </li>
                    <li class="text-overflow">
                        <span>推送消息：</span>
                        <span>推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容</span>
                    </li>
                    <li class="text-overflow">
                        <span>推送消息：</span>
                        <span>推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容</span>
                    </li>
                    <li class="text-overflow">
                        <span>推送消息：</span>
                        <span>推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容</span>
                    </li>
                    <li class="text-overflow">
                        <span>推送消息：</span>
                        <span>推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容</span>
                    </li>
                    <li class="text-overflow">
                        <span>推送消息：</span>
                        <span>推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容</span>
                    </li>
                    <li class="text-overflow">
                        <span>推送消息：</span>
                        <span>推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容推送消息内容</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--历史版本模态框 end-->
<script src="../../plugins/jquery/jquery-1.12.4.js"></script>
<script src="../../plugins/layui/layui.js"></script>
<script src="../../plugins/bootstrap.js"></script>
<!--<script src="js/util.js"></script>-->
<script src="js/index.js"></script>
</body>
</html>
